<!--
 * @Author WangZhiGang
 * @Date 2025-06-16 19:41:13
 * @Description 
 -->
<template>
  <div>
    <input type="text" v-model="firstName">
    <input type="text" v-model="lastName">
    <p>{{ fullName }}</p>
  </div>
</template>

<script setup>

import {computed, ref} from 'vue';

const firstName = ref('David');
const lastName = ref('Clarke');

const fullName = computed(() => firstName.value + ' ' + lastName.value);
</script>